@prefix-cls: plan-update;
@prefix-cls-detail: plan-detail;

.overflow() {
  overflow-y: hidden;
  overflow-x: hidden;
}

.displayDirection() {
  display: flex;
  flex-direction: column;
}

@keyframes fade-in {
  0% {
    transform: translateX(80px);
    opacity: 0;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.@{prefix-cls-detail} {
  &-rootBox {
    .ant-card-body {
      padding-bottom: 0;

      .ant-spin-container {
        display: flex;
        flex-direction: column;
      }
    }

    &-textTitle {
      width: 100%;
      padding: 0.5rem 1rem;
    }

    &-materilTable {
      margin: 5px 0;
      display: flex;
      overflow: hidden;
      height: 100%;

      .ant-table {
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }
    }

    .ant-card-body {
      display: flex;
      flex-direction: column;

      .ant-table-container {
        // height: calc(100% - 38px) !important;
        overflow: hidden;

        .ant-table-content {
          height: 100%;
        }
      }
    }

    .ant-card-actions {
      border-top: 1px dashed #d5d5d5;
    }
  }
}
